<template>
    <div>
        <!-- 返回顶部 -->
        <back-to-top></back-to-top>
        <!-- 顶部导航栏 -->
        <search-nav v-on:componentCon="bridgeSiblingByParentr"></search-nav>
        <!-- 商品列表页 -->
        <search-list></search-list>
        <!-- 筛选功能 -->
        <search-filter v-bind:componentRelater="componentRelater" v-on:componentCon="bridgeSiblingByParentr"></search-filter>
    </div>
</template>
<style>
</style>
<script>
import backToTop from './../public/backToTop/backToTop.vue'
import searchFilter from './default/searchFilter.vue'
import searchList from './default/searchList.vue'
import searchNav from './default/searchNav.vue'

export default {
    components: {
        backToTop,
        searchFilter,
        searchList,
        searchNav
    },
    data() {
        return {
            componentRelater: null
        }
    },
    mounted() {
    
    },
    methods: {
        
        bridgeSiblingByParentr() {
            this.componentRelater = !this.componentRelater;
        }
    },
    activated() {

    }
}
 

</script>
